﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="Zhongchouwwwww.webform.Index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>众筹网</title>
    <link href="../Content/bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css" />
    <link href="../Content/aaa.css" rel="stylesheet" />
    <script src="../Scripts/jquery-3.4.1.min.js"></script>
    <script src="../Scripts/bootstrap.min.js"></script>
    <style>
        /*菜单栏样式*/
        .ac li {
            height: 45px;
            padding: 10px 0px;
            margin: 0px 8px;
            font-size: 1.05em;
            cursor: pointer;
        }
            /*菜单栏伪类样式*/
            .ac li:hover {
                border-bottom: 3px solid red;
            }
        /*搜索框样式*/
        .sec {
            position: relative;
            margin: 10px 0px;
            width: 85%;
            height: 25px;
            border: 1px solid grey;
            border-radius: 25px;
        }
        /*搜索框图标样式*/
        .ser {
            position: absolute;
            top: 13.5px;
            left: 216px;
            border-radius: 10px;
            border: 1px solid grey;
            padding: 2px;
        }
        /* 登录注册样式*/
        .lo {
            margin: 10px 0px;
        }
        
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <!-- 菜单区 -->
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-2 column">
                    <img src="../images/logo.png" />
                </div>
                <div class="col-md-4 column">
                    <ul class="ac">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">浏览项目</a></li>
                        <li><a href="#">开放平台</a></li>
                        <li><a href="#">新手帮助</a></li>
                        <li><a href="#">发起项目</a></li>
                    </ul>
                </div>
                <div class="col-md-3 column">
                    <input type="text" class="sec" placeholder="搜索" />
                    <a href="#"><span class="fa fa-search ser"></span></a>
                </div>
                <div class="col-md-3 column">
                    <% if (name == null)
                        {%>
                    <div class="lo ">
                        <a href="user-login.aspx" style="cursor: pointer;">登录</a>
                        <span>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp</span>
                        <a href="#" style="cursor: pointer;">注册</a>
                    </div>
                    <%}
                        else
                        {%>
                            <div >
                                <%=name%>
                                <%= imgurl%>
                            </div>
                        <%}
                    %>
            </div>
        </div>
        </div>
        <p class="line"></p>
        <!-- 导航区 -->
        <div class="dhl">
            <ul>
                <li><a>浏览全部</a></li>
                <li><a>科技</a></li>
                <li><a>艺术</a></li>
                <li><a>设计</a></li>
                <li><a>音乐</a></li>
                <li><a>影视</a></li>
                <li><a>出版</a></li>
                <li><a>动漫</a></li>
                <li><a>公益</a></li>
                <li><a>公开课</a></li>
                <li><a>农业</a></li>
                <li><a>其他</a></li>
                <li>&nbsp&nbsp|&nbsp&nbsp</li>
                <li><a>苏州站</a></li>
            </ul>
        </div>
        <!-- 大图区 -->
        <%--<div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <div class="carousel slide" id="carousel-895373">
                        <ol class="carousel-indicators">
                            <li class="active" data-slide-to="0" data-target="#carousel-895373"></li>
                            <li data-slide-to="1" data-target="#carousel-895373"></li>
                            <li data-slide-to="2" data-target="#carousel-895373"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="item active">
                                <img class="item__img" src="../images/carousel_img2.jpg" />
                            </div>
                            <div class="item">
                                <img class="item__img" src="../images/carousel_img11.jpg" />
                            </div>
                            <div class="item">
                                <img class="item__img" src="../images/carousel_img1.jpg" />
                            </div>
                        </div>
                        <a class="left carousel-control" href="#" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a><a class="right carousel-control" href="#carousel-895373" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                    </div>
                </div>
            </div>
        </div>--%>
        <div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="carousel slide" id="carousel-796085">
				<ol class="carousel-indicators">
					<li class="active" data-slide-to="0" data-target="#carousel-796085">
					</li>
					<li data-slide-to="1" data-target="#carousel-796085">
					</li>
					<li data-slide-to="2" data-target="#carousel-796085">
					</li>
				</ol>
				<div class="carousel-inner">
					<div class="item active">
						<img alt="" src="../images/carousel_img1.jpg" />
						<div class="carousel-caption">
							<h4>
								First Thumbnail label
							</h4>
							<p>
								Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
							</p>
						</div>
					</div>
					<div class="item">
						<img alt="" src="../images/carousel_img2.jpg" />
						<div class="carousel-caption">
							<h4>
								Second Thumbnail label
							</h4>
							<p>
								Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
							</p>
						</div>
					</div>
					<div class="item">
						<img alt="" src="../images/carousel_img3.jpg" />
						<div class="carousel-caption">
							<h4>
								Third Thumbnail label
							</h4>
							<p>
								Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
							</p>
						</div>
					</div>
				</div> <a class="left carousel-control" href="#carousel-796085" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-796085" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
			</div>
		</div>
	</div>
</div>
        <!-- 内容区 -->
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-3 column">
                </div>
                <div class="col-md-3 column">
                </div>
                <div class="col-md-3 column">
                </div>
                <div class="col-md-3 column">
                </div>
            </div>
        </div>

    </form>
</body>
</html>
